<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 优先使用 IE 最新版本和 Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 为移动设备添加 viewport-->
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 设置苹果工具栏颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）-->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 忽略页面中的数字识别为电话，忽略email识别-->
    <meta name="format-detection" content="telphone=no, email=no">
    <!-- 下面三个是清除缓存 微信浏览器缓存严重又无刷新；这个方法调试的时候很方便-->
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>全部订单</title>
    <!--引入初始化样式-->
    <link rel="stylesheet" href="../lib/css/style-min.css">
    <!--引入YUDI样式-->
    <link rel="stylesheet" href="../lib/ydui/ydui.css">
    <!--引入YUDI自适应解决方案类库-->
    <script src="../lib/flexible/flexible.js"></script>
    <!-- 引入jQuery 2.0+ -->
    <script src="../lib/jquery/jquery-2.1.4.min.js"></script>
    <script src="../lib/weui/jquery-weui.min.js"></script>
    <!-- 引入common -->
    <script src="../lib/common/common.js"></script>
    <!-- 引入vue -->
    <script src="../lib/vue/vue.min.js"></script>
    <!--引入对应的css-->
    <link rel="stylesheet" href="../css/order/order.css">
</head>
<body>
<div class="order-wrap" id="order-all">
    <div class="home-top headerNav">
        <header class="m-navbar demo-small-pitch">
            <a href="javascript:;" class="navbar-item" onclick="returnBack();"><img class="back" src="../images/return.png"/></a>
            <div class="navbar-center"><span class="navbar-title top-color">全部订单</span></div>
            <!--<a href="javascript:;" class="navbar-item edit" onclick="edit();">编辑</a>-->
        </header>
    </div>
    <div class="headerNav" style="height: 1.3rem;background-color: #181818;"></div>
    <div class="order-alls">
        <div class="order-all flex">
            <a class="textshow external" href="javascript:;">全部</a>
            <a class="external" href="javascript:;">待付款</a>
            <a class="external" href="javascript:;">待发货</a>
            <a class="external" href="javascript:;">待收货</a>
            <a class="external" href="javascript:;">待评价</a>
        </div>
        <div class="tabs-box">
            <div class="tabs-1 active">
                <div class="order-pro" v-for="item in allData">
                    <a class="or-detail" href="javascript:;" v-bind:href="item.lian">
                        <div class="order-number clearfix">
                            <div class="fl"><img src="../images/order/or_edit.png"></div>
                            <div class="fl order-number-2">
                                <span>订单编号：{{item.orderSn}}</span>
                                <img src="../images/order/kuaidisong@2x.png" alt="" v-if="item.deliveryWay==3">
                                <img src="../images/order/daodianqu@2x.png" alt=""  v-if="item.deliveryWay==2">
                                <img src="../images/order/jishisong2x.png" alt=""  v-if="item.deliveryWay==1">
                            </div>
                            <div class="fr order-number-3 receive"><span style="font-size:13px;color:#ff893e;">{{item.statusTex}}</span></div>
                        </div>
                        <div v-for="(citem,index) in item.list">
                            <div class="row-cell-con flex">
                                <div class="row-cell-l"><img src="" v-bind:src="citem.navigateImg1"></div>
                                <div class="row-cell-r grow-1">
                                    <div class="row-cell-r-box flex">
                                        <div class="row-cell-r-con grow-1">
                                            <h3>{{citem.goodsName}}</h3>
                                            <p>{{citem.specName}}</p>
                                        </div>
                                    </div>
                                    <!--添加-->
                                    <div class="row-cell-add clearfix" style="margin-top: .16rem;">
                                        <div class="row-cell-add-price">
                                            <label><i>￥</i><span class="price-1465">{{citem.salePrice}}</span></label>
                                        </div>
                                        <div class="row-cell-add-btn fr">x{{citem.quantity}}</div>
                                    </div>
                                </div>
                            </div>
                            <div v-show="index!=(item.list.length-1)" style="width: 100%;height: 5px; background: #FFFFFF;"></div>
                        </div>

                        <div class="pro-but">
                            <p>实付总计： ¥<span>{{item.totalFee}}</span></p>
                            <a class="but" v-show="item.deliveryWay==3" :href="'check_logistics.html?orderSn='+item.orderSn">查看物流</a>
                            <a class="but" v-show="item.deliveryWay==2||item.deliveryWay==1" :href="'pickUpCode.html?orderSn='+item.orderSn+'&deliveryWay='+item.deliveryWay">取货码</a>
                        </div>
                        <div class="hr8"></div>
                    </a>
                </div>
            </div>
            <div class="tabs-2">
                <div class="order-pro" v-for="item in payData">
                    <a class="or-detail" href="javascript:;" v-bind:href="item.lian">
                        <div class="order-number clearfix">
                            <div class="fl"><img src="../images/order/or_edit.png"></div>
                            <div class="fl order-number-2"><p>订单编号：{{item.orderSn}}</p></div>
                            <div class="fr order-number-3 receive"><span style="font-size:13px;color: #ff893e;;">{{item.statusTex}}</span></div>
                        </div>
                        <div v-for="(citem,index) in item.listOrderDetail">
                            <div class="row-cell-con flex">
                                <div class="row-cell-l"><img src="http://img.jioao.cn/images/goodsSpecImg/201704251921374050.jpg" v-bind:src="citem.navigateImg1"></div>
                                <div class="row-cell-r grow-1">
                                    <div class="row-cell-r-box flex">
                                        <div class="row-cell-r-con grow-1">
                                            <h3>{{citem.goodsName}}</h3>
                                            <p>{{citem.specName}}</p>
                                        </div>
                                    </div>
                                    <!--添加-->
                                    <div class="row-cell-add clearfix" style="margin-top: .16rem;">
                                        <div class="row-cell-add-price">
                                            <label><i>￥</i><span class="price-1465">{{citem.salePrice}}</span></label>
                                        </div>
                                        <div class="row-cell-add-btn fr">x{{citem.quantity}}</div>
                                    </div>
                                </div>
                            </div>
                            <div v-show="index!=(item.listOrderDetail.length-1)" style="width: 100%;height: 5px; background: #FFFFFF;"></div>
                        </div>
                        <div class="pro-but">
                            <p>实付总计： ¥<span>{{item.totalFee}}</span></p>
                        </div>
                        <div class="hr8"></div>
                    </a>
                </div>
            </div>
            <div class="tabs-3">
                <div class="order-pro" v-for="item in sendData">
                    <a class="or-detail" href="javascript:;" v-bind:href="item.lian">
                        <div class="order-number clearfix">
                            <div class="fl"><img src="../images/order/or_edit.png"></div>
                            <div class="fl order-number-2">
                                <span>订单编号：{{item.orderSn}}</span>
                                <img src="../images/order/kuaidisong@2x.png" alt="" v-if="item.deliveryWay==3">
                                <img src="../images/order/daodianqu@2x.png" alt=""  v-if="item.deliveryWay==2">
                                <img src="../images/order/jishisong2x.png" alt=""  v-if="item.deliveryWay==1">

                            </div>
                            <div class="fr order-number-3 receive"><span style="font-size:13px;color:#ff893e;">{{item.statusTex}}</span></div>
                        </div>
                        <div v-for="(citem,index) in item.listOrderDetail">
                            <div class="row-cell-con flex">
                                <div class="row-cell-l"><img src="" v-bind:src="citem.navigateImg1"></div>
                                <div class="row-cell-r grow-1">
                                    <div class="row-cell-r-box flex">
                                        <div class="row-cell-r-con grow-1">
                                            <h3>{{citem.goodsName}}</h3>
                                            <p>{{citem.specName}}</p>
                                        </div>
                                    </div>
                                    <!--添加-->
                                    <div class="row-cell-add clearfix" style="margin-top: .16rem;">
                                        <div class="row-cell-add-price">
                                            <label><i>￥</i><span class="price-1465">{{citem.salePrice}}</span></label>
                                        </div>
                                        <div class="row-cell-add-btn fr">x{{citem.quantity}}</div>
                                    </div>
                                </div>
                            </div>
                            <div v-show="index!=(item.listOrderDetail.length-1)" style="width: 100%;height: 5px; background: #FFFFFF;"></div>
                        </div>

                        <div class="pro-but">
                            <p>实付总计： ¥<span>{{item.totalFee}}</span></p>
                            <a class="but" v-show="item.deliveryWay==3" :href="'check_logistics.html?orderSn='+item.orderSn">查看物流</a>
                            <a class="but" v-show="item.deliveryWay==2||item.deliveryWay==1" :href="'pickUpCode.html?orderSn='+item.orderSn+'&deliveryWay='+item.deliveryWay">取货码</a>
                        </div>
                        <div class="hr8"></div>
                    </a>
                </div>
            </div>
            <div class="tabs-4">
                <div class="order-pro" v-for="item in receiveData">
                    <a class="or-detail" href="javascript:;" v-bind:href="item.lian">
                        <div class="order-number clearfix">
                            <div class="fl"><img src="../images/order/or_edit.png"></div>
                            <div class="fl order-number-2">
                                <span>订单编号：{{item.orderSn}}</span>
                                <img src="../images/order/kuaidisong@2x.png" alt="" v-if="item.deliveryWay==3">
                                <img src="../images/order/daodianqu@2x.png" alt=""  v-if="item.deliveryWay==2">
                                <img src="../images/order/jishisong2x.png" alt=""  v-if="item.deliveryWay==1">

                            </div>
                            <div class="fr order-number-3 receive"><span style="font-size:13px;color:#ff893e;">{{item.statusTex}}</span></div>
                        </div>
                        <div v-for="(citem,index) in item.listOrderDetail">
                            <div class="row-cell-con flex">
                                <div class="row-cell-l"><img src="" v-bind:src="citem.navigateImg1"></div>
                                <div class="row-cell-r grow-1">
                                    <div class="row-cell-r-box flex">
                                        <div class="row-cell-r-con grow-1">
                                            <h3>{{citem.goodsName}}</h3>
                                            <p>{{citem.specName}}</p>
                                        </div>
                                    </div>
                                    <!--添加-->
                                    <div class="row-cell-add clearfix" style="margin-top: .16rem;">
                                        <div class="row-cell-add-price">
                                            <label><i>￥</i><span class="price-1465">{{citem.salePrice}}</span></label>
                                        </div>
                                        <div class="row-cell-add-btn fr">x{{citem.quantity}}</div>
                                    </div>
                                </div>
                            </div>
                            <div v-show="index!=(item.listOrderDetail.length-1)" style="width: 100%;height: 5px; background: #FFFFFF;"></div>
                        </div>

                        <div class="pro-but">
                            <p>实付总计： ¥<span>{{item.totalFee}}</span></p>

                            <a class="but" v-show="item.status==3" :href="'check_logistics.html?orderSn='+item.orderSn">查看物流</a>
                            <div class="but" v-show="item.status==2">及时送</div>
                            <div class="but" v-show="item.status==1">到店取</div>
                        </div>
                        <div class="hr8"></div>
                    </a>
                </div>
            </div>
            <div class="tabs-5">
                <div class="order-pro" v-for="item in evaluateData">
                    <a class="or-detail" href="javascript:;" v-bind:href="item.lian">
                        <div class="order-number clearfix">
                            <div class="fl"><img src="../images/order/or_edit.png"></div>
                            <div class="fl order-number-2">
                                <span>订单编号：{{item.orderSn}}</span>
                                <img src="../images/order/kuaidisong@2x.png" alt="" v-if="item.deliveryWay==3">
                                <img src="../images/order/daodianqu@2x.png" alt=""  v-if="item.deliveryWay==2">
                                <img src="../images/order/jishisong2x.png" alt=""  v-if="item.deliveryWay==1">

                            </div>
                            <div class="fr order-number-3 receive"><span style="font-size:13px;color:#ff893e;">{{item.statusTex}}</span></div>
                        </div>
                        <div v-for="(citem,index) in item.listOrderDetail">
                            <div class="row-cell-con flex">
                                <div class="row-cell-l"><img src="" v-bind:src="citem.navigateImg1"></div>
                                <div class="row-cell-r grow-1">
                                    <div class="row-cell-r-box flex">
                                        <div class="row-cell-r-con grow-1">
                                            <h3>{{citem.goodsName}}</h3>
                                            <p>{{citem.specName}}</p>
                                        </div>
                                    </div>
                                    <!--添加-->
                                    <div class="row-cell-add clearfix" style="margin-top: .16rem;">
                                        <div class="row-cell-add-price">
                                            <label><i>￥</i><span class="price-1465">{{citem.salePrice}}</span></label>
                                        </div>
                                        <div class="row-cell-add-btn fr">x{{citem.quantity}}</div>
                                    </div>
                                </div>
                            </div>
                            <div v-show="index!=(item.listOrderDetail.length-1)" style="width: 100%;height: 5px; background: #FFFFFF;"></div>
                        </div>
                        <div class="pro-but">
                            <p>实付总计： ¥<span>{{item.totalFee}}</span></p>
                            <a class="but" v-show="item.deliveryWay==3" :href="'check_logistics.html?orderSn='+item.orderSn">查看物流</a>
                            <a class="but" v-show="item.deliveryWay==2||item.deliveryWay==1" :href="'pickUpCode.html?orderSn='+item.orderSn+'&deliveryWay='+item.deliveryWay">取货码</a>
                        </div>
                        <div class="hr8"></div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!--登录已过期-->
    <div class="again-access-token">
        <img class="img" src="../images/system_error.png">
        <p>登录信息已过期，请重新登录</p>
        <div class="btn">
            <a href="javascript:;" class="weui_btn weui_btn_primary" onclick="againAccessToken()">重新登录</a>
        </div>
    </div>
</div>
</body>
<script src="../lib/ydui/ydui.js"></script>
<script src="../js/order/order.js"></script>
</html>